<template>
  <footer>
<router-view />
<van-tabbar route badge="4" active-color="#edc121" inactive-color="#000">
  <van-tabbar-item replace exact to="/Shoye" icon="wap-home-o">首页</van-tabbar-item>
  <van-tabbar-item replace exact to="/FengleiPage" icon="list-switching">分类</van-tabbar-item>
  <van-tabbar-item replace exact to="/GowuchePage" icon="shopping-cart-o">购物车</van-tabbar-item>
  <van-tabbar-item replace exact to="/Wode" icon="user-o">我的</van-tabbar-item>
</van-tabbar>
  </footer>
</template>

<script>
import Vue from 'vue'
import { Tabbar, TabbarItem, Icon } from 'vant'

Vue.use(Icon)

Vue.use(Tabbar)
Vue.use(TabbarItem)

export default {
  data () {
    return {
    }
  }
}
</script>

<style lang="scss" scoped>
.ShoyeJiaozi{
  width:100%;
  position: fixed;
}
</style>
